<template>
  <div class="table-sort-wrap">
    <Icon
      type="md-arrow-dropup"
      :class="{ on: order === 'asc' }"
      @click.native="changeSort('asc')"
    ></Icon>
    <Icon
      type="md-arrow-dropdown"
      :class="{ on: order === 'desc' }"
      @click.native="changeSort('desc')"
    ></Icon>
  </div>
</template>

<script>
export default {
  props: ["order"],
  methods: {
    changeSort(tag) {
      this.$emit("changeSort", tag);
    },
  },
};
</script>

<style></style>
